<script setup lang="ts"></script>

<template>
  <header id="navbar" class="flex justify-center border-b xl:fixed xl:top-0 w-screen">
    <div class="h-full flex items-center px-6 w-full xl:px-0 xl:w-1200">
      <router-link to="/">
        <img class="h-7 w-13" src="https://element-plus.org/images/element-plus-logo.svg" />
      </router-link>
    </div>
  </header>
  <div id="navbar-helper"></div>
</template>
<style>
  #navbar,
  #navbar-helper {
    height: 55px;
    z-index: 9;
    background-color: white;
  }
  @media (max-width: 1200px) {
    #navbar-helper {
      display: none;
    }
  }
  #navbar1 {
  }
</style>
